@charset "utf-8";

/* common */
html,body{min-width:1280px}
body,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
body,table{font-family:'Noto Sans KR';font-weight:400;font-size:15px;color:#303030;line-height:20px}
input,textarea,select{font-family:'Noto Sans KR';font-weight:400;font-size:15px;color:#303030;}
table{border-spacing:0;border-collapse:collapse}
img, fieldset{border:0;}
img{vertical-align:top}
form, fieldset{margin:0;padding:0;}
em, address {font-style:normal;}
button{margin:0;padding:0;overflow:visible;cursor:pointer;}
a {text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none}
ul,ol,li{list-style:none}
hr{display:none}
label{cursor:pointer}
.bold{font-weight:bold}
.hidden{display:none;}
.ipt label { display:inline;}

/* Selectbox*/
.top_slt{float:left;margin:20px 2px 0 0}
.slt_style1 .sbHolder{position:relative;width:65px;height:35px;background:#1f2639;font-size:14px;color:#868994;font-weight:400;z-index:20;letter-spacing:-1px}
.slt_style1 .sbSelector{display:block;position:absolute;top:0;left:0;width:65px;height:35px;line-height:35px;outline:none;overflow:hidden;text-indent:10px;}
.slt_style1 .sbSelector:link,
.slt_style1 .sbSelector:visited,
.slt_style1 .sbSelector:hover{color:#868994;outline:none;text-decoration: none}
.slt_style1 .sbToggle{display:block;position:absolute;right:10px;top:16px;width:7px;height:4px;background:url(https://cdn.df.nexon.com/img/web/stk/ico_slt.png) 0 0 no-repeat;outline:none}
.slt_style1 .sbToggle:hover{background:url(https://cdn.df.nexon.com/img/web/stk/ico_slt.png) 0 0 no-repeat}
.slt_style1 .sbToggleOpen{background:url(https://cdn.df.nexon.com/img/web/stk/ico_slt.png) 0 -50px no-repeat}
.slt_style1 .sbToggleOpen:hover{background:url(https://cdn.df.nexon.com/img/web/stk/ico_slt.png) 0 -50px no-repeat}
.slt_style1 .sbHolderDisabled{background:#ccc}
.slt_style1 .sbOptions{position:absolute;top:35px;left:0;margin:0;padding:0 5px;width:55px;background:#1f2639;z-index:30;overflow-y:auto}
.slt_style1 .sbOptions li{padding:0 5px;}
.slt_style1 .sbOptions li:first-child{padding-top:7px;border-top:1px solid #343d53}
.slt_style1 .sbOptions li:last-child{padding-bottom:7px}
.slt_style1 .sbOptions a{display:block;outline:none;padding:0;color:#868994}
.slt_style1 .sbOptions a:link,
.slt_style1 .sbOptions a:visited{color:#868994;text-decoration: none;}
.slt_style1 .sbOptions a:hover,
.slt_style1 .sbOptions a:focus,
.slt_style1 .sbOptions a.sbFocus{color:#fff}

.slt_style2 .sbHolder{position:relative;width:354px;height:48px;border:1px solid #d3d3d3;background:#fff;font-size:16px;font-weight:400;z-index:10}
.slt_style2 .sbSelector{display:block;position:absolute;top:0;left:0;width:354px;height:48px;line-height:48px;outline:none;overflow:hidden;text-indent:10px;}
.slt_style2 .sbSelector:link,
.slt_style2 .sbSelector:visited,
.slt_style2 .sbSelector:hover{color:#666;outline:none;text-decoration:none}
.slt_style2 .sbToggle{display:block;position:absolute;right:0px;top:0;width:49px;height:48px;background:url(https://cdn.df.nexon.com/img/web/stk/ico_slt2.png) 0 0 no-repeat;outline:none}
.slt_style2 .sbToggle:hover{background:url(https://cdn.df.nexon.com/img/web/stk/ico_slt2.png) 0 0 no-repeat}
.slt_style2 .sbToggleOpen{background:url(https://cdn.df.nexon.com/img/web/stk/ico_slt2.png) 0 -100px no-repeat}
.slt_style2 .sbToggleOpen:hover{background:url(https://cdn.df.nexon.com/img/web/stk/ico_slt2.png) 0 -100px no-repeat}
.slt_style2 .sbHolderDisabled{background:#ccc}
.slt_style2 .sbOptions{position:absolute;left:-1px !important;top:48px !important;left:0;margin:0;padding:0;width:354px;background:#fff;border:1px solid #d3d3d3;z-index:20;overflow-y:auto}
.slt_style2 .sbOptions li{padding:0 10px;}
.slt_style2 .sbOptions li:first-child{padding-top:10px}
.slt_style2 .sbOptions li:last-child{padding-bottom:10px}
.slt_style2 .sbOptions a{display:block;outline:none;padding:0;font-size:16px;font-weight:400}
.slt_style2 .sbOptions a:link,
.slt_style2 .sbOptions a:visited{color:#666;text-decoration:none;}
.slt_style2 .sbOptions a:hover,
.slt_style2 .sbOptions a:focus,
.slt_style2 .sbOptions a.sbFocus{color:#222}
.sltw198 .sbHolder,.sltw198 .sbSelector,.sltw198 .sbOptions{width:198px !important}


/* 체크박스 */
.stk_chkbox{margin:2px 9px 0 0;width:16px;height:16px;background:#343d53;}
.stk_chkbox[type="checkbox"]{display:inline-block;width:16px;height:16px;vertical-align:middle;-webkit-appearance:none;appearance:none;border-radius:0;border:0;cursor:pointer}
.stk_chkbox[type="checkbox"]{background:url(https://cdn.df.nexon.com/img/web/stk/checkbox.png) no-repeat 0 0}
.stk_chkbox[type="checkbox"]:checked{ background-position: 0 -50px}

/* 버튼 */
.btnarea{position:relative}
.btnarea a{display:inline-block;width:205px;height:55px;background:#999;font-size:20px;text-align:center;font-weight:400;line-height:55px;color:#fff}
.btnarea a.bg_blue{background:#4286bf}
.btnarea a.mar_r{margin-right:6px}
.btnarea a.left{float:left}
.btnarea.mar_t40{margin-top:40px}
.btnarea.mar_t90{margin-top:90px}
.btnarea.right{text-align:right}
.btnarea.center{text-align:center}

/* 포커스 배너 */
.stk_focus{position:relative;width:100%;height:390px;text-align:center;background:url(https://cdn.df.nexon.com/img/web/stk/focus.png) no-repeat 50% 0}
.stk_focus .stk_focus_img a{display:none}
.stk_focus .stk_focus_img a.on{display:block;}
.stk_focus .stk_focus_img a img{display:block;position:absolute;left:50%;top:0;margin-left:-960px}
.stk_focus .stk_focus_ctrl{position:absolute;bottom:30px;left:0;margin:0;padding:0;width:100%;height:23px;text-align:center;overflow:hidden}
.stk_focus .stk_focus_ctrl dt{display:inline-block;height:23px;vertical-align:top;overflow:hidden}
.stk_focus .stk_focus_ctrl dt a{display:inline-block;margin-right:3px;width:12px;height:23px;background:url(https://cdn.df.nexon.com/img/web/stk/ico_focus.png) no-repeat 0 6px;text-indent:-9999px}
.stk_focus .stk_focus_ctrl dt a.on{background-position:0 -44px}
.stk_focus .stk_focus_ctrl dd{display:inline-block;position:relative;margin-left:4px;width:80px;height:23px;background:url(https://cdn.df.nexon.com/img/web/stk/bg_ctrl.png) no-repeat;text-indent:-9999px;}
.stk_focus .stk_focus_ctrl dd a{position:absolute;display:inline-block;top:2px;width:23px;height:19px}
.stk_focus .stk_focus_ctrl dd a.btn_prev{left:5px;background:url(https://cdn.df.nexon.com/img/web/stk/btn_fprev.png) no-repeat 50% 4px}
.stk_focus .stk_focus_ctrl dd a.btn_next{left:29px;background:url(https://cdn.df.nexon.com/img/web/stk/btn_fnext.png) no-repeat 50% 4px;}
.stk_focus .stk_focus_ctrl dd a.btn_ps{left:53px;background:url(https://cdn.df.nexon.com/img/web/stk/btn_fps.png) no-repeat 50% 4px}

.stk_shop{position:relative;width:100%;overflow:hidden}
.stk_shop header{position:relative;padding-top:50px;width:100%;background:#343d53}
.stk_shop header section{position:relative;margin:0 auto;width:1200px;height:75px;}
.stk_shop header section h1.logo{float:left;margin-top:22px}
.stk_shop header .hdrg{float:right}
.stk_shop header nav{float:left}
.stk_shop header nav a{float:left;margin-right:58px;color:#fff;font-size:18px;opacity:.3;line-height:75px;font-weight:400;}
.stk_shop header nav a.slt{opacity:1}
.stk_shop header .ipt{display:block;float:left;margin-top:20px;}
.stk_shop header .ipt input{float:left;width:162px;height:35px;background:#1f2639;border:none;color:#868994;font-size:14px;text-indent:10px;outline:none;line-height:35px;letter-spacing:-1px}
.stk_shop header .ipt input::-ms-clear{display:none}
.stk_shop header .ipt input:-ms-input-placeholder{color:#868994}
.stk_shop header .ipt input::-webkit-input-placeholder{color:#868994}
.stk_shop header .ipt input::-moz-placeholder{color:#868994}
.stk_shop header .ipt input::-moz-placeholder{color:#868994}

.stk_shop .container{position:relative;padding-bottom:100px;clear:both}
.stk_shop .content{position:relative;margin:0 auto;width:1200px}
.stk_shop  .tab_menu{margin-top:60px;text-align:center;font-size:0}
.stk_shop  .tab_menu li{display:inline-block;}
.stk_shop  .tab_menu li a{display:block;width:246px;height:58px;border:1px solid #d3d3d3;font-size:20px;color:#999;line-height:58px;}
.stk_shop  .tab_menu li.selected a{border-color:#333;color:#333}

.stk_thum_lst{position:relative;margin:30px auto 0 auto;width:1184px}
.stk_thum_lst dl{text-align:left;margin-bottom:20px;overflow:hidden}
.stk_thum_lst dl dd{position:relative;float:left;margin:0 20px 0 0;width:150px;height:238px;border:1px solid #e5e5e5;background:#fff;}
.stk_thum_lst dl dd:nth-child(7){margin-right:0}
.stk_thum_lst dl dd a{display:block}
.stk_thum_lst dl dd p.thum{width:150px;height:150px}
.stk_thum_lst dl dd p.thum img{width:100%}
.stk_thum_lst dl dd p.txt{padding:12px 15px 10px 15px}
.stk_thum_lst dl dd p.txt span{display:block;font-size:15px;color:#333;line-height:21px;text-align:left}
.stk_thum_lst dl dd p.txt em{display:block;margin-top:2px;font-size:12px;color:#999;text-align:left}
.stk_thum_lst  a.btn_more{display:block;margin-top:20px;padding:13px 0;width:100%;background:#fafafa;border:1px solid #e5e5e5;text-align:center;}

.srch_result{position:relative;margin:84px auto 0 auto;width:1184px;border-bottom:2px solid #222;font-size:30px;color:#222;text-align:center;line-height:56px;}
.srch_none{position:relative;margin:150px 0 50px 0;text-align:center}
.srch_none strong{display:block;margin:15px 0 5px 0;font-weight:400;font-size:30px;color:#222;line-height:48px;letter-spacing:-1px;}
.srch_none span{display:block;font-weight:300;font-size:18px;color:#999;line-height:26px;letter-spacing:0;letter-spacing:-1px;}

/* 스티커 상세보기 */
.stk_view{position:relative;margin:95px auto 0 auto;width:1184px;overflow:hidden}
.stk_view .stk_view_header{position:relative;height:415px}
.stk_view .stk_view_header .thum_408{position:relative;float:left;margin:5px 60px 0 0;width:408px;height:408px;border:1px solid #e5e5e5}
.stk_view .stk_view_header .thum_408 img{width:100%}
.stk_view .stk_view_header dl.info{position:relative;float:left;width:483px;height:410px}
.stk_view .stk_view_header dl.info dt{position:relative;padding-bottom:11px;border-bottom:2px solid #222;font-weight:500;font-size:30px;line-height:36px;color:#222;letter-spacing:-1px;}
.stk_view .stk_view_header dl.info dt a{color:#999}
.stk_view .stk_view_header dl.info dt img{display:block;position:absolute;bottom:14px;right:0}
.stk_view .stk_view_header dl.info dd.txt{height:174px;margin-top:24px;border-bottom:1px solid #d3d3d3;font-size:15px;color:#222;line-height:26px;letter-spacing:-1px;font-weight:300;}
.stk_view .stk_view_header dl.info dd.txt a{color:#222;text-decoration:underline;letter-spacing:0;font-weight:300}
.stk_view .stk_view_header dl.info dd.btn{position:relative;margin-top:30px;width:483px;overflow:hidden}
.stk_view .stk_view_header dl.info dd.btn p{float:left;margin:0}
.stk_view .stk_view_header dl.info dd.btn a.save{display:block;float:left;margin-right:5px;width:205px;height:55px;background:#414a59;font-size:20px;text-align:center;font-weight:400;line-height:55px;color:#fff}
.stk_view .stk_view_header dl.info dd.btn span.spee{display:block;float:left;padding-left:3px;width:101px;height:55px;background:url(https://cdn.df.nexon.com/img/web/stk/bg_spee.png) no-repeat;font-size:20px;text-align:center;font-weight:500;line-height:55px;color:#414a59}
.stk_view .stk_view_header dl.info dd.btn p:last-child{float:right;width:128px;font-size:0}
.stk_view .stk_view_header dl.info dd.btn p:last-child a{margin-right:5px}
.stk_view .stk_view_header dl.info dd.btn p:last-child a:last-child{margin-right:0}
.stk_view .stk_view_header dl.info dd.btn a.fav{display:block;margin:0 0 5px 0;padding:3px 0;width:126px;height:17px;border:1px solid #4286bf;color:#4286bf;font-size:16px;font-weight:500;line-height:14px;text-align:center;}
.stk_view .stk_view_header dl.info dd.btn a.fav img{display:inline-block;margin-top:1px}
.stk_view .stk_view_header dl.info dd.tag{margin-top:19px;padding-left:42px;background:url(https://cdn.df.nexon.com/img/web/stk/ico_tag.png) no-repeat 0 3px;font-size:0}
.stk_view .stk_view_header dl.info dd.tag a{display:inline-block;margin-right:10px;color:#666;font-size:13px;}
.stk_view .stk_view_header dl.relat{position:relative;float:right;margin-top:5px;width:171px;height:410px;background:#fafafa}
.stk_view .stk_view_header dl.relat dt{height:42px;background:url(https://cdn.df.nexon.com/img/web/stk/bg_box.png) no-repeat;font-weight:500;font-size:15px;color:#222;text-align:center;line-height:42px;}
.stk_view .stk_view_header dl.relat dd{padding:0 20px;overflow:hidden}
.stk_view .stk_view_header dl.relat dd.rimg{margin-top:49px;width:131px;height:270px;overflow:hidden}
.stk_view .stk_view_header dl.relat dd.rimg a{display:block;margin-bottom:10px;width:131px;overflow:hidden}
.stk_view .stk_view_header dl.relat dd.rimg a span{display:block;float:left;margin:5px 0 0 10px;font-size:13px;line-height:17px;color:#333}
.stk_view .stk_view_header dl.relat dd.rimg a span em{color:#999}
.stk_view .stk_view_header dl.relat dd.rimg a img{display:block;float:left;width:44px;height:44px;border:1px solid #dadada}
.stk_view .stk_view_header dl.relat dd.rimg a:last-child{margin-bottom:0}
.stk_view .stk_view_header dl.relat dd.btn_updn a{position:absolute}
.stk_view .stk_view_header dl.relat dd.btn_updn a.up{top:61px}
.stk_view .stk_view_header dl.relat dd.btn_updn a.dn{bottom:18px}
.stk_view .stk_view_cont{position:relative;margin-top:100px;padding:40px 0;border-top:2px solid #d3d3d3;border-bottom:2px solid #d3d3d3;overflow:hidden}
.stk_view .stk_view_cont span{display:block;float:left;margin:10px 20px 10px 0;border:1px solid #e5e5e5}
.stk_view .stk_view_cont span:nth-child(7n){margin-right:0}

/* 마켓 약관동의 */
.stk_agree{margin:85px auto 0 auto;width:1184px;}
.stk_agree h2{position:relative;border-bottom:2px solid #222;font-size:30px;color:#222;line-height:56px;font-weight:400;letter-spacing:-1px;}
.stk_agree .agreebox{position:relative;margin-top:50px;padding:34px 40px;height:478px;border:1px solid #dcdcdc;overflow-y:scroll;font-size:14px;color:#666;line-height:22px;}
.stk_agree .agreebox dl{margin-bottom:22px}
.stk_agree .agreebox dl dt{color:#222}
.stk_agree .agree_chk{margin-top:18px;overflow:hidden}
.stk_agree .agree_chk input{display:block;float:left;}
.stk_agree .agree_chk label{display:block !important}
.reg_guide .agree_chk label{display:block !important;float:left;font-size:15px;color:#222}

/* 등록하기 */
.stk_reg{margin:89px auto 0 auto;width:1184px}
.stk_reg h2{position:relative;font-size:30px;color:#222;line-height:48px;font-weight:400;letter-spacing:-1px;}
.stk_reg h3{position:relative;margin-bottom:15px;font-size:18px;color:#666;line-height:26px;font-weight:400}
.stk_reg table{margin-top:50px;width:1184px;border-top:2px solid #222;border-bottom:1px solid #d3d3d3;}
.stk_reg table caption{display:none}
.stk_reg table th{width:200px;background:#fafafa;border-bottom:1px solid #d3d3d3;font-size:18px;color:#222;font-weight:500;}
.stk_reg table td{padding:15px 0 15px 30px;;border-bottom:1px solid #d3d3d3;font-size:14px;color:#666;line-height:22px;}
.stk_reg table td.txtarea{padding-bottom:10px}
.stk_reg table td.tag p:last-child{margin-top:4px;font-size:14px;color:#666;font-weight:400;}
.stk_reg table td p{float:left;font-size:18px;color:#222}
.stk_reg table td p.char{margin:14px 84px 0 78px}
.stk_reg table td input{height:48px;border:1px solid #d3d3d3;font-size:16px;line-height:48px;font-weight:300;color:#999;text-indent:10px;}
.stk_reg table td textarea{width:922px;height:278px;border:1px solid #d3d3d3;font-size:16px;line-height:48px;font-weight:300;color:#999;text-indent:10px;}
.stk_reg table td ul.reg_stk{padding:27px 0 0 27px;width:897px;height:237px;background:#fafafa;overflow:hidden}
.stk_reg table td ul.reg_stk li{position:relative;float:left;margin:0 10px 10px 0;padding:1px;width:98px;height:98px;background:#e5e5e5 url(https://cdn.df.nexon.com/img/web/stk/ico_bimg.png) no-repeat 1px 1px;}
.stk_reg table td ul.reg_stk li a{display:block;position:absolute;right:0;top:0;width:20px;height:20px;background:url(https://cdn.df.nexon.com/img/web/stk/btn_clse.png) no-repeat;z-index:200;text-indent:-9999px;}
.stk_reg table td ul.reg_stk li img{width:100%}
.stk_reg table td a.btn_plus{display:block;width:922px;height:58px;border:1px solid #4286bf;background:url(https://cdn.df.nexon.com/img/web/stk/btn_plus.png) no-repeat 50%;text-align:center;text-indent:-9999px;}
.stk_reg table td ul.reg_thum{float:left;width:452px}
.stk_reg table td ul.reg_thum:first-child{margin-right:20px}
.stk_reg table td ul.reg_thum li:first-child{position:relative;width:452px;height:154px}
.stk_reg table td ul.reg_thum li:first-child img{display:block;position:absolute;top:28px;left:177px;width:98px;height:98px}
.stk_reg table td ul.reg_thum li:last-child a{display:block;width:452px;height:58px;border:1px solid #4286bf;background:#fff url(https://cdn.df.nexon.com/img/web/stk/btn_plus.png) no-repeat 50%;text-align:center;text-indent:-9999px}
.stk_reg table td ul.on li{background:#fafafa url(https://cdn.df.nexon.com/img/web/stk/ico_bimg_on.png) no-repeat 50% 50%}
.stk_reg table td ul.off li{background:#fafafa url(https://cdn.df.nexon.com/img/web/stk/ico_bimg_off.png) no-repeat 50% 50%}

/* 스티커 제작 가이드 */
.stk_guide{position:relative;margin:96px auto 0 auto;width:1184px;font-size:16px;color:#666;line-height:26px;}
.stk_guide h2{border-bottom:2px solid #222;font-size:30px;color:#222;line-height:56px;font-weight:400;letter-spacing:-1px;}
.stk_guide h3{padding-bottom:13px;border-bottom:2px solid #222;font-size:23px;color:#222;line-height:28px;font-weight:400;letter-spacing:-1px}
.stk_guide h3.mar{margin-top:45px}

.stk_guide section{position:relative;margin-bottom:50px}
.stk_guide .guide_lst{overflow:hidden}
.stk_guide .guide_lst a{display:block;font-size:20px;color:#222;line-height:32px;letter-spacing:-1px}
.stk_guide .guide_lst a.btn_stk_reg{display:block;position:absolute;right:0;top:4px}
.stk_guide .guide_lst a:hover{text-decoration:underline;}

.stk_guide .guide_s1{margin-top:0}
.stk_guide .guide_s1 h2{border-bottom:none}
.stk_guide .guide_s2{margin-top:85px}
.stk_guide .guide_s3{margin-top:80px}
.stk_guide .guide_s4{margin-top:95px}
.stk_guide .guide_s5{margin-top:80px}
.stk_guide table{width:1184px;border-bottom:2px solid #d3d3d3;}
.stk_guide table th{padding:18px 0 16px 45px;border-bottom:1px solid #d3d3d3;background:#fafafa;font-size:18px;color:#222;font-weight:500;text-align:left;}
.stk_guide table td{padding:18px 0 16px 27px;border-bottom:1px solid #d3d3d3;font-size:16px;color:#666;font-weight:400;line-height:26px;}
.stk_guide .img_thum{position:relative;margin-top:30px;overflow:hidden}
.stk_guide .img_thum dl{position:relative;float:left;width:580px;height:450px;margin-right:24px}
.stk_guide .img_thum dl:nth-child(1),.stk_guide .img_thum dl:nth-child(2){margin-bottom:24px}
.stk_guide .img_thum dl:nth-child(2n){margin-right:0}
.stk_guide .img_thum dl dt{height:348px;background:#f5f5f5;font-size:50px;font-weight:100;color:#b6b6b6;line-height:344px;text-align:center;}
.stk_guide .img_thum dl dd{height:101px;border:1px solid #e5e5e5;border-top:none;text-align:center;overflow:hidden}
.stk_guide .img_thum dl dd strong{display:block;margin-top:21px;font-size:18px;color:#222;font-weight:400;}
.stk_guide .img_thum dl dd span{display:block;font-size:16px;color:#666;font-weight:400;}
.stk_guide .txtbox{margin:24px 0 20px 0;font-weight:300;font-size:16px;line-height:26px;color:#666}
.stk_guide .txtbox a{color:#4286bf}
.stk_guide .txtbox p{margin-top:40px}
.stk_guide .txtbox p:first-child{margin-top:0}
.stk_guide .txtbox p img{display:block;margin:15px 0 0 0}
.stk_guide .txtbox p.mar{margin-top:25px}
.btn_top{position:fixed;display:block;bottom:100px;left:50%;margin-left:610px}

/* 마이페이지 */
.stk_my{position:relative;margin:85px auto 0 auto;width:1184px;font-size:16px;color:#666;line-height:26px;}
.stk_my h2{border-bottom:2px solid #222;font-size:30px;color:#222;line-height:56px;font-weight:400;letter-spacing:-1px;}
.stk_my .sltbox{position:absolute;right:0;top:-7px}
.stk_my table{width:1184px}
.stk_my table th{padding:20px 0;border-bottom:1px solid #d3d3d3;background:#fafafa url(https://cdn.df.nexon.com/img/web/stk/bg_divi.png) no-repeat 100% 14px;font-size:18px;color:#222;font-weight:500}
.stk_my table th:last-child{background:#fafafa;}
.stk_my table td{height:60px;border-bottom:1px solid #d3d3d3;font-size:18px;color:#666;font-weight:300;text-align:center;vertical-align:middle;letter-spacing:-1px}
.stk_my table td.check input{margin-top:-4px}
.stk_my table td.thum{padding-left:40px}
.stk_my table td.thum img{display:block;float:left;width:44px;height:44px;border:1px solid #dbdbdb}
.stk_my table td.thum span{display:block;float:left;margin:13px 0 0 9px}
.stk_my table td.order a{display:block}

/* 신고하기 팝업 */
.stk_pop{padding:10px;width:480px;height:556px;background:#505a6c;font-family:'Dotum';color:#65666e;overflow:hidden}
.stk_pop h1{padding:11px 0 0 40px;height:39px;background:url(https://cdn.df.nexon.com/img/web/bu/bu_arrow_right_pop.gif) no-repeat 20px 12px;color:#f5f6f9;font-size:14px;letter-spacing:-1px}
.stk_pop ul{padding:17px 20px;width:440px;height:472px;background:#fff;}
.stk_pop ul li:first-child{margin-bottom:8px;}
.stk_pop ul li:nth-child(2){margin-bottom:16px;}
.stk_pop ul li:nth-child(3){margin-bottom:12px;}
.stk_pop ul li:last-child{margin-top:26px;text-align:center}
.stk_pop ul li p{overflow:hidden}
.stk_pop input{display:block;float:left;margin:1px 4px 0 0}
.stk_pop label{display:block;float:left}
.stk_pop textarea{padding:10px;width:417px;height:178px;border:1px solid #dcdcdc;overflow-y:scroll;font-size:12px;color:#65666e}

footer{padding:30px 0 100px 0;border-top:1px solid #d9dadc;text-align:center;}

/* 로그인 레이어 */
.login_ly_clse{position:absolute;top:16px;right:15px}
.login_ly_wrap{position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:900}
.login_ly_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.8;filter:alpha(opacity=80);z-index:880}
.login_ly{position:absolute;top:50%;left:50%;margin:-151px 0 0 -251px;width:502px;height:302px;background:url(https://cdn.df.nexon.com/img/web/apart/bg_ly_login.png) no-repeat 0 0;z-index:890}
.login_ly h1{margin:35px 0 0 31px;padding-bottom:14px;width:440px;border-bottom:1px solid #e8e8ec}
.login_ly ul{margin:0 auto;width:440px;overflow:hidden;}
.login_ly ul.fire{margin-top:27px}
.login_ly ul.fire li{float:left;font-size:11px;color:#9b9ea8;letter-spacing:-1px}
.login_ly ul.fire li.chk{float:right}
.login_ly ul.fire li.chk input,.login_apart ul.fire li.chk label{display:block;float:left}
.login_ly ul.fire li.chk input{margin:2px 4px 0 0;}
.login_ly ul.enter{margin-top:10px}
.login_ly ul.enter li{float:left}
.login_ly ul.enter li.ipt{margin-right:6px}
.login_ly ul.enter li p{margin-bottom:6px;}
.login_ly ul.enter li p input{padding-left:17px;width:305px;height:35px;line-height:36px\9;background:#f5f6f9;border:1px solid #e8e8ec;color:#6b6f83;font-size:14px;font-weight:bold;}
.login_ly ul.enter li p label{display:none}

.login_ly ul.find{margin-top:51px;text-align:center;color:#cccfd5;letter-spacing:-1px;font-family:Gulim}
.login_ly ul.find li{float:left;}
.login_ly ul.find li a{color:#6b6f83;font-weight:bold;font-family:Gulim;}
.login_ly ul.find li span{margin:0 6px 0 2px}
.login_ly ul.find li.join{float:right}
.login_slt{position:absolute;top:50%;left:50%;margin:-151px 0 0 -251px;width:502px;height:302px;background:#fff;text-align:center;z-index:890}
.login_slt div.box{margin:60px auto 30px auto;padding:45px 0;width:438px;border:1px solid #e8e8ec;background:#f5f6f9;font-size:14px;font-weight:normal;color:#464d58}

/* 공통 */
.button{display:inline-block;position:relative;margin:0;padding:0 0 0 1px;text-decoration:none !important;border:0;white-space:nowrap;background:url(https://cdn.df.nexon.com/img/web/btn/bg_btn.png) no-repeat;vertical-align:top;overflow:visible}
.button a{display:inline-block;padding-right:1px;background:url(https://cdn.df.nexon.com/img/web/btn/bg_btn.png) no-repeat 100% 0;line-height:18px !important}
.button em{display:inline-block;background:url(https://cdn.df.nexon.com/img/web/btn/bg_btn.png) no-repeat 100% 0}
.button.strong a{font-weight:bold !important}
.button.mar{margin-right:4px !important}

/* 버튼 사이즈 L(세로 31px) */
.button.l_d{height:31px;background-position:0 -100px;letter-spacing:-1px;font-size:12px;font-family:Gulim}
.button.l_d a{padding-top:7px;height:24px;background-position:100% -100px;color:#fff;text-align:center}
.button.l_b{height:31px;background-position:0 -150px;letter-spacing:-1px;font-size:12px;font-family:Gulim}
.button.l_b a{padding-top:7px;height:24px;height:31px;background-position:100% -150px;color:#464d58;text-align:center}

/* 로그인 레이어 */
.ly_login_info{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:999;box-sizing:border-box;}
.ly_login_info *{box-sizing:border-box;}
.ly_login_info .ly_logbox{position:absolute;left:50%;top:50%;margin:-155px 0 0 -300px;padding:40px;width:600px;height:310px;background:#fff;}
.ly_login_info .ly_logbox a.ly_clse{position:absolute;right:14px;top:15px;width:18px;height:18px;background:url('../img/login/ly_clse.png') no-repeat;text-indent:-9999px;cursor:pointer;}
.ly_login_info .txtarea{display:table;width:520px;height:140px;border:1px solid rgba(225, 230, 238, 0.5);background:#f8f9fb;color:#36393f;font-size:16px;line-height:26px;text-align:center;letter-spacing:-1px;}
.ly_login_info .txtarea span{display:table-cell;vertical-align:middle;}
.ly_login_info .btnarea{padding:0;margin:30px 0 0 0;text-align:center;font-size:0;}
.ly_login_info .btnarea a{padding:0;margin:0;width:165px;height:50px;line-height:50px;font-size:14px;}
.ly_login_info .btnarea a.btn_b{background:#3392ff;color:#fff}
.ly_login_info .btnarea a.btn_n{background:#303544;color:#fff}

/* 이미지 업로드 글쓰기 */
.ly_uploadimg_cmt{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);}
.ly_uploadimg_cmt article{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:862px;background:#303544;}
.ly_uploadimg_cmt article h1{display:block;position:relative;width:100%;height:100px;text-align:center;line-height:100px;color:#fff;font-size:21px;font-weight:300;}
.ly_uploadimg_cmt article h1 a{display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:url('../img/customer/lyclse.png') no-repeat;cursor:pointer;}
.ly_uploadimg_cmt .imgup_cmt{position:relative;margin:0 10px 10px 10px;padding:0;height:435px;background:#fff;}
.ly_uploadimg_cmt .imgup_cmt dl.img_slt{display:flex;position:relative;padding:0 30px;height:108px;background:#fff;align-items:center;}
.ly_uploadimg_cmt .imgup_cmt dl.img_slt dt{display:inline-block;color:#a2a5ac;font-size:14px;font-weight:400;line-height:26px;}
.ly_uploadimg_cmt .imgup_cmt dl.img_slt dd{display:inline-block;margin-left:auto;font-size:0;}
.ly_uploadimg_cmt .imgup_cmt dl.img_slt dd a.btn1{display:inline-block;width:160px;height:50px;line-height:49px;background:#3392ff;color:#fff;font-size:14px;font-weight:500;text-align:center;}
.ly_uploadimg_cmt .imgup_cmt dl.img_slt dd a.btn2{display:inline-block;width:160px;height:50px;line-height:49px;background:#484e5f;color:#fff;font-size:14px;font-weight:500;text-align:center;}
.ly_uploadimg_cmt .img_preview{margin:0 auto;width:842px;height:326px;background:#eeedf2;border-top:1px solid #e1e6ee;text-align:center;}
.ly_uploadimg_cmt .img_preview .btn_add{display:block;position:relative;margin:80px auto 0 auto;width:100px;height:100px;border:1px solid #e0e2ec}
.ly_uploadimg_cmt .img_preview .btn_add span{display:block;position:absolute;left:50%;top:50%;margin:-10px 0 0 -10px;width:20px;height:20px;background-color:transparent;border:none;cursor:pointer}
.ly_uploadimg_cmt .img_preview .btn_add span:before,
.ly_uploadimg_cmt .img_preview .btn_add span:after{content:"";position:absolute;left:0;top:9px;width:100%;height:2px;background-color:#bec5cc;}
.ly_uploadimg_cmt .img_preview .btn_add span:before{transform:rotate(90deg)}
.ly_uploadimg_cmt .img_preview b{display:block;margin-top:24px;color:#36393f;font-size:14px;font-weight:500;}
.ly_uploadimg_cmt .img_preview dl{display:flex;align-items:center;padding:19px 30px 10px 30px;color:#a2a5ac;font-size:14px;font-weight:400;}
.ly_uploadimg_cmt .img_preview dl dd{margin-left:auto;}
.ly_uploadimg_cmt .img_preview dl dd a{display:block;width:80px;height:29px;line-height:28px;border:1px solid #c4cfd8;background:#fff;text-align:center;color:#36393f;font-size:12px;font-weight:500;}
.ly_uploadimg_cmt .img_preview ul{padding:0 23px;font-size:0;text-align:left;}
.ly_uploadimg_cmt .img_preview ul li{display:inline-block;position:relative;margin:7px}
.ly_uploadimg_cmt .img_preview ul li a{display:block;position:absolute;right:-4px;top:-4px;;width:19px;height:19px;background:#e00;border-radius:19px;cursor:pointer;}
.ly_uploadimg_cmt .img_preview ul li a::before,
.ly_uploadimg_cmt .img_preview ul li a::after{content:'';position:absolute;top:50%;left:50%;margin:-6px 0 0 -1px;height:10px;width:1px;background-color:#fff}
.ly_uploadimg_cmt .img_preview ul li a:before{transform:rotate(45deg)}
.ly_uploadimg_cmt .img_preview ul li a:after{transform:rotate(-45deg)}
.ly_uploadimg_cmt .progress{position:relative;padding:72px 0 0 0}
.ly_uploadimg_cmt .progress img{display:block;margin:0 auto}
.ly_uploadimg_cmt .progress .pgbar{margin:0 auto;width:640px;height:8px;background:#dfe2e9;}
.ly_uploadimg_cmt .progress .pgbar p{height:8px;background:#3392ff;font-size:0;}
.ly_uploadimg_cmt .progress .rate{margin:15px auto 0 auto;width:640px;text-align:center;color:#6a6e76;font-size:14px;}
.ly_uploadimg_cmt .progress .rate b{color:#3392ff;font-weight:500;}

/* TOP 버튼 */
.top{display:none;position:absolute;right:40px;bottom:40px;width:70px;height:70px;background:#484e5f;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);text-align:center;color:#fff;font-size:13px;line-height:70px;cursor:pointer;}
.top:hover{background:#197cff;}